<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		 <meta name="viewport" content="width=device-width,initial-scale=1.0">
		<title>新增发票抬头</title>
		<link href="css/index.css" rel="stylesheet" />
	</head>
	<body>
		<script type="text/javascript" src="js/jquery.min.js" ></script>
		<script type="text/javascript" src="js/oldPublic.js" ></script>
	<div class="wrapResend">
		<p>
			<span>电子邮箱</span>
			<input class="inputMail" placeholder="请输入电子邮箱" />
		</p>
		<button class="submit">确定</button>
	</div>

<script>
	var reg = /^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/;
	$('.submit').click(function(){
		var inputMail = $('.inputMail').val();
		if(!reg.test(inputMail)){
			showWarn('请输入正确的邮箱地址！');
		}else{
			sessionStorage.setItem('inputMail',inputMail);
			setTimeout(function(){
				history.back();
			},1000)
		}
	})
</script>

</body>
</html>

<style scoped="scoped" lang="less">
	@blueColor:#0068b7;
	@blackColor:#222222;
	@grayColor:#8e8e93;
	.wrapResend{
		background: #f5f5f5;
		height: 100%;
		p{
			height: 1.58rem;
			background: white;
			border-bottom: 1px solid #eeeeee;
			span{
				float: left;
				height: 1.58rem;
				line-height: 1.58rem;
				margin-left: 0.48rem;
				color: @blackColor;
			}
			 input::-webkit-input-placeholder {
				 font-size: 0.42rem;
				 font-family: 'Avenir', Helvetica, Arial, sans-serif;
			}
			input{
				box-sizing: border-box;
				outline: none;
				border: 0 none;
				height: 100%;
				margin-left: 0.6rem;
				
			}
		}
		.explain{
			width: 90%;
			display: block;
			font-size: 0.38rem;
			color: @grayColor;
			margin-left: 5%;
			margin-top: 0.36rem;
		}
		.submit{
			width: 90%;
			margin-left: 5%;
			background: @blueColor;
			color: #ffffff;
			font-size: 0.48rem;
			outline: none;
			border: 0 none;
			margin-top: 0.1rem;
			height: 1.42rem;
			border-radius: 3px;
			margin-top: 0.44rem;
		}
	}
</style>
